.fl{float: left;}
.fr{float: right;}
.db{display: inline-block;}
/*头部导航*/
#header{width: 100%;background-color: #f5f5f5;border-bottom: 1px solid #eee;height: 35px;}
.header-top{width: 1190px;height: 35px;margin: 0 auto;line-height: 35px;}
.header-top-l>li{float: left;padding: 0 5px;position: relative;overflow: visible;height: 35px;position: relative;}
.header-top-L-li1{border: 1px solid #f5f5f5;border-bottom: 0;position: absolute;}
/*账号及下拉菜单*/
.header-top-l-t{font-size: 12px;}
.header-top-l .vip-1{width: 14px;height: 14px;background: url("../img/会员等级.gif") 0px 0px no-repeat;vertical-align: middle;}
.header-top-l-acc{color: #6c6c6c;margin-right: 7px;font-size: 12px;max-width: 98px;}
.header-top-l-i{width: 12px;height: 6px;background: url("../img/精灵图.png") 0px -37px no-repeat;margin-left: 4px;}
.header-top-l-b{border: 1px solid #eee;position: absolute;z-index: 1000;background-color: #fff;left: -1px;border-top: 0;display: none;}
.header-top-l-b-bd{width: 248px;height: 150px;padding: 8px;}
.header-top-head{margin-right: 10px;margin-left: 9px;}
.header-top-head>img{width: 80px;height: 80px;border-radius: 50%;}
.user-info{height: 93px;width: 145px;}
.user-info p{height: 20px;line-height: 20px;}
.z1{text-align: right;}
.z2{background: url("../img/会员等级.gif") 0px 0px no-repeat;}
.user-tip{margin: 5px 9px;height: 20px;width: 230px;}
.user-tip p{background: #e9fecf;border: 1px solid #ddf6be;padding: 2px;line-height: 20px;border-radius: 2px;text-align: center;}
.user-tip p span{color: red;font-weight: 700;}
.header-top-l-b-bb{width: 248px;height: 70px;border-top: 1px solid #eee;margin-top: 10px;margin-left: 8px;}
.header-top-l-b-bb a{width: 50px;height: 60px;margin-left: 24px;margin-top: 10px;font-size: 12px;color: #999;text-align: center;margin-bottom: 10px;}
.header-top-l-b-bb a img{width: 36px;height: 36px;margin-bottom: -15px;}
/*hover事件*/
.header-top-L-li1:hover{background-color: #fff;border: 1px solid #eee;border-bottom: 0;}
.header-top-l>li a:hover{color: red;}
.header-top-l>li:hover .header-top-l-b{display:block;}
.header-top-l-b>a:hover{background-color: #eee;}

/*头部导航  消息*/
.header-L-2{height: 35px;line-height: 35px;}
.xx{width: 13px;height: 5px;background: url("../img/消息.gif") 0 0 no-repeat;margin-top: 15px;margin-right: 3px;}
.tt{margin-top: 15px;}
.header-L-2-b{width: 288px;}
.menu-bd{display: none;top: 35px;text-align: center;}
.menu-bd h2{color: #222;font-size: 14px;border-bottom: 1px solid #eee;}
.menu-bd p img{width: 23px;height: 14px;}
.header-L-2-b-b{margin-top: 20px;}
.header-L-2-b-b>div{background: url("../img/消息人物.png") center center no-repeat;width: 218px;height: 140px;margin: 0 auto;}
.but-msg{background: #FFE6DA;border-color: #FFDAC7;color: #3c3c3c;width: 148px;height: 33px;border: 1px solid #FFE8DE}
.header-L-2-b-f{height: 32px;line-height: 32px;text-align: center;border-top: 1px solid #eee;margin-top: 15px;}
.header-L-2-b-f>a{width: 12px;height: 12px;background: url("../img/设置精灵图.png") 0 0 no-repeat;}
.header-L-2-b-f a:nth-child(1){background-position: 0px -132px;margin: 10px 0 0 17px;}
.header-L-2-b-f a:nth-child(2){background-position: 0px -145px;margin: 10px 0 0 17px;}
.header-L-2-b-f a:nth-child(1):hover{background-position: -13px -132px}
.header-L-2-b-f a:nth-child(2):hover{background-position: -13px -145px;}
.header-L-2-b-f>span{margin-right: 20px;}
.header-L-2-b-f>span:hover{text-decoration: underline;}
/*头部右边导航*/
/*json部分图片*/
.uls1{position: relative;}
/*动态添加类名*/
.sitemap-icon{position: absolute;display: inline-block;width: 9px;height: 11px;overflow: hidden;top: 5px;right:10px;background-image:url("../img/热卖.gif");background-repeat: no-repeat;}
.sitemap-icon1{position: absolute;display: inline-block;width: 9px;height: 11px;overflow: hidden;top: 5px;right:10px;background-image:url("../img/热卖2.gif");background-repeat: no-repeat;}
.sitemap-icon-new{background-position: 0px 0px;}

/*我的淘宝下拉菜单*/
.header-fr-2{padding: 8px 0px;width: 90px;}
.header-fr-2>a{display:block;padding: 0 5px;color: #6c6c6c;line-height: 28px;}
.header-fr-3>i{width: 12px;background: url("../img/购物车_03.png") 0 0 no-repeat;height: 12px;vertical-align: middle}
.header-fr-3>strong{color:#F22E00;font-weight: 700;font-size: 12px;vertical-align: middle;}
.header-fr-4 i{width: 12px;height: 12px;background: url("../img/收藏星.png") 0px 0px no-repeat;vertical-align: middle;}
.header-fr-5 i{width: 12px;height: 12px;background: url("../img/网站导航.png") 0 0 no-repeat;vertical-align: middle;}
#header_foot{position: absolute;left: -1097px;width: 1190px;}
#header_foot>div{width: 24%;padding:10px 0;height: 240px;overflow: hidden;margin: 20px 0;float: left;padding-left: 10px;}
#header_foot>div ul{border-right: 1px solid #eee;height: 240px;padding-left: 5px;float: left;}
#header_foot>div ul li{width: 24%;float: left;height: 25px;padding-top: 5px;position: relative;}
#header_foot>div ul li a{float: left;display: block;margin: 0 2px;padding: 0 8px;line-height: 25px;border-radius: 2px;}
.header-Li2>li{width: 30%!important;}
#header_foot h3{font-size: 16px;font-weight: 700;width: 80px;margin-left: 10px;}
#header_foot>div:nth-child(1) li a:hover{background-color:#FC560B; color: #fff}
#header_foot>div:nth-child(2) li a:hover{background-color:#A9C161; color: #fff}
#header_foot>div:nth-child(3) li a:hover{background-color:#E066B1; color: #fff}
#header_foot>div:nth-child(4) li a:hover{background-color:#5AAADF; color: #fff}
.icon-G{position: absolute;width: 10px;height: 14px;top: 0px;left: 35px;background: url("../img/热卖.gif") 0 0 no-repeat;}
.icon-H{position: absolute;width: 10px;height: 14px;left: 35px;background: url("../img/热卖2.gif") 0 0 no-repeat;z-index: 10;}
.icon-H1{left: 46px;top: 0px;}
.icon-H2,.icon-G1{left: 58px;top: 0px;}
/*内容部分*/
#content{width: 100%;}
#logo{width: 1190px;height: 35px;margin: 0 auto;padding: 20px 0 40px;}
.logo-L>a{width: 181px;height: 45px;background: url("../img/精灵图.png") -112px 0px no-repeat;}
.logo-R{width: 515px;height: 35px;line-height: 35px;background-color: #f50;position: relative;}
.logo-R-L{width: 74px;height: 29px;border-right: 1px solid #e5e5e5;border-left: #f5f5f5;background-color: #f5f5f5;text-align: center;line-height: 29px;position: absolute;top: 3px;left: 3px;position: relative;z-index: 12;}
.logo-R-L>ul{border: 1px solid #f5f5f5;overflow: hidden;height: 27px;}
.logo-R-L>ul a{width: 100%;height: 100%;font-size: 12px;font-weight: 400;color: #6b6b6b;}
/*.logo-R-L>ul>li:hover{background-color: #f5f5f5;}*/
/*#opa option{border: none;}*/
/*#opa{border: none;background: transparent;}*/
.logo-R-L>ul:hover{background-color: #fff;z-index: 20;overflow: visible;height: 90px;}
.logo-R-i{position: absolute;top: 14px;left: 58px;}
.logo-R-C{height: 29px;width: 343px;position: relative;}
.logo-R-C input{border: 0;width: 343px;height: 29px;background-color: #fff;}
.logo-SS{width: 12px;height: 12px;background: url("../img/精灵图1.png") -380px -20px no-repeat;position: absolute;top: 12px;left: 10px;}
.btn{border: 0;height: 35px;width: 93px;background: url("../img/精灵图1.png") -257px -3px no-repeat;cursor: pointer;}
/*内容部分*/
.outer{width: 1190px;height: 100%;margin: 0 auto;}
.outer-T>div:nth-child(1){position: relative;}
.outer-T ul{height: 33px;overflow: hidden;}
.outer-T ul li{float: left;padding-right: 15px;}
.makeP a{font-size: 16px;font-weight: 700;text-align: center;}
.makeP a span{display: inline-block;}
.makeP a span:nth-child(1){font-size: 16px;color: #C40;}
.makeP a span:nth-child(2){font-size: 14px;font-weight:400;color: #c40;margin: 0 30px 0 5px;}
.pipe{width: 1px;height: 12px;background-color: #e8e8e8;}
.cart-sum{height: 25px;line-height: 25px;}
.cart-sum span{display: inline-block;}
.cart-sum span:nth-child(2){padding-left: 2px;font-weight: 700;color: #c40;font-size: 12px;margin-right: 5px;}
.cart-sum a{width: 55px;height: 25px;border-radius: 2px;text-align: center;background-color: #aaa;color: #fff;cursor: not-allowed;}
/*下划线部分*/
.make-B{width: 1190px;height: 2px;background-color: #e6e6e6;position: relative;}
.aab{animation: name1 1s ease 0s both;width: 122px;height: 2px;background-color: #c40;}
.aac{animation: name2 1s ease 0s both;width: 122px;height: 2px;background-color: #c40;}
@keyframes name1 {
    0%{left: 0;}
    100%{left: 122px;}
}
@keyframes name2 {
    0%{left: 122px;}
    100%{left: 244px;}
}
#aa{position: absolute;top: 0;left: 0;width: 122px;height: 2px;background-color: #c40;}
/*标题全选*/
.outer-BT{width: 1190px;height: 50px;;color: #c3c3c3;position: relative;}
.outer-BT>div:nth-child(1){width: 80px;line-height: 50px;position: relative;color:#3c3c3c;}
.outer-bbL{margin: 20px 0 0 15px;vertical-align: middle;position: relative;width: 15px;height: 15px;overflow: hidden;}
.outer-bbL input{position: absolute;z-index: 0;left: -20px;top: -20px;}
.outer-bbL label{position: relative;z-index: 10;float: left;width: 15px;height: 15px;;line-height: 200em;overflow: hidden;cursor: pointer;background: url("../img/精灵图.png") 0px 0px no-repeat;}
.tab{width: 15px;height: 15px;background: url("../img/精灵图.png") 0 -20px no-repeat;z-index: 20;}

.kuang,.kuang1,.kuang2{width: 15px;height: 15px;position: absolute;z-index: 1;}
.xuan,.xuan1,.xuan2{width: 15px;height: 15px;position: absolute;z-index: 10;background: url("../img/精灵图.png") 0 -20px no-repeat;display: none;}


.outer-BT>div:nth-child(2){width: 342px;line-height: 50px;color: #3c3c3c;padding-left: 50px;}
.outer-BT>div:nth-child(3){width: 130px;line-height: 50px;color: #3c3c3c;padding-left: 170px;}
.outer-BT>div:nth-child(4){width: 120px;line-height: 50px;color: #3c3c3c;}
.outer-BT>div:nth-child(5){width: 140px;line-height: 50px;color: #3c3c3c;padding-left: 35px;}
.outer-BT>div:nth-child(6){width: 110px;line-height: 50px;color: #3c3c3c;}
/*商品内容部分*/
.bjtu{background: url("../img/精灵图.png") no-repeat;}
.pinpai{width: 100px; }
.outer-boxx{width: 1190px;height: 100%;}
.outer-con{width: 1190px;height: 159px;}
.outer-con>div:nth-child(1){width: 1190px;height: 38px;line-height: 38px;vertical-align: middle;}
.tmao{width: 16px;height: 16px;background-position: -20px -105px;margin-top: 19px;}
.wwang a{width: 20px;height: 20px;background: url("../img/旺旺精灵图.gif") -83px 0px no-repeat;}
.wwang{width: 20px;height: 20px;margin-left: 15px;}
.youhui{width: 57px;height: 25px;line-height: 25px;padding-left: 11px;color: #f40;position: relative;cursor: pointer;margin-left: 10px;background-position: -20px -75px;top: 0px;}
.youhui:hover .quan{display: block;}

.youhui>i{width: 5px;height: 3px;background-position: 0 -75px;position: absolute;top:11px;right: 9px;}
.quan{position: absolute;padding: 5px 8px;width: 328px;height: 96px;border: 1px solid #ccc;border-radius: 1px;box-shadow: 0 2px 1px rgba(0,0,0,.06);color: #9c9c9c;top: 35px;left: 0px;display: none;background-color: #fff;z-index: 2;}
.quanbj{width: 11px;height: 6px;background-position: -80px -20px;position: absolute;top: -6px;left: 33px;background-color: transparent;}
.quanbj-con{border-bottom: 1px solid #eee;line-height: 36px;padding: 0px 10px;color: #666;}
.bjtu2{background: url("../img/精灵图2.png") 0 0 no-repeat;}
.quanbj-con-i{width: 8px;height: 9px;background-position: -45px 0;margin:-2px 8px 0 0}
.quanbj-con-b{width: 12px;height: 11px;background-position: -88px -115px;position: absolute;top: 6px;right: 6px;}
.quanbj-inn{;position: relative;margin: 15px 20px 20px 18px;}
.quanbj-inn-1{width: 42px;height: 25px;padding-left: 8px;background-position: -125px -25px;font-size: 14px;font-weight: 700;color: #fff;position: absolute;}
.xinxi{width: 166px;margin-left: 60px;line-height: 20px;margin-top: -5px; color: #666;}
.xinxi>p:nth-child(2){color: #a5a5a5;}
.lingqu{width: 47px;height: 23px;border: 1px solid #e9e9e9;line-height: 23px;color: #666;text-align: center;}
/*详细信息*/
.outer-con{clear: both}
.outer-con>div:nth-child(2){border: 1px solid #ccc;height: 110px;background-color: #fcfcfc;margin-top: 10px;}
.outer-con>div:nth-child(2) li{float: left;}
.td-cha{width: 50px;height: 100%;margin-right: 10px;}
.td-item{width: 342px;height: 100%;}
.td-pic{width: 80px;height: 80px;}
.td-pic img{width: 80px;height: 80px;}
.td-inner{width: 342px;height: 100%;padding-top: 20px;}
.item-info{width: 242px;margin-left: 10px;}
.item-info a{font-size: 12px;color: #3c3c3c;}
.item-info a:hover{text-decoration: underline;color: #c40;}
.item-info>div:nth-child(2){width: 242px;height: 40px;}
.item-icon{margin: 0 5px 5px 0;vertical-align: middle;cursor: pointer;}
.item-info>div:nth-child(2) p{margin: 5px 5px 0 0;}
.td-info{width: 185px;height: 100%;padding-right: 40px;}
.item-props{padding: 12px 0;min-height: 84px;position: relative;border: 1px dashed transparent;margin: 5px 0 0 10px;}
.price-content{width: 74px;background-color: #f5f5f5;padding:0 10px;}
.price-line{padding: 0 0 4px 0;}
.price-proller{width: 94px;background-color: #1dc2b4;color: #fff;border-color: #1dc2b4;text-align: center;position: relative;}
.price-proller>div:nth-child(1) i{background-position: 0 -45px;width: 5px;height: 3px;vertical-align: middle;}
.price-proller>div:nth-child(1){height: 23px;line-height: 23px;}
.price-proller:hover .cuxiao{background-position: 0 -55px;}
/*#xinxi1{position: absolute;top: 20px;left: 0;height: 100px;border: 1px solid #eee;width: 200px;background-color: #fff;z-index: 100;overflow: visible;color: #ddd;}*/
/*.xinxi1>p{line-height: 20px;}*/


.sku-line{margin: 0 5px 0 15px;color: #9c9c9c;overflow: hidden;text-overflow: ellipsis;}
.btn-sku{position: absolute;top: 0;right: -5px;width: 24px;height: 16px;background-position: -107px -195px;display: none;}
.td-price{width: 130px;height: 100%;color: #9c9c9c;padding-bottom: 4px;}
.price-original{text-decoration: line-through;;}
.price-now{color: #3c3c3c;font-weight: 700;}
.td-amount{width: 120px;height: 100%;}
.item-amount{width: 77px;height: 25px;position: relative;}
.minus{width: 17px;height: 23px;border: 1px solid #e5e5e5;border-right: 1px solid transparent;background-color: #f0f0f0;line-height: 23px;text-align: center;color: #444;position: absolute;}
.text-amount{width: 39px;height: 15px;line-height: 15px;text-align: center;border: 1px solid #aaa;color: #343434;padding: 4px 0;background-color: #fff;position: absolute;left: 18px;z-index: 2;}
.plus{border-left-color: transparent;height: 23px;width: 17px;border: 1px solid #e5e5e5;background-color: #f0f0f0;text-align: center;line-height: 23px;color: #444;position: absolute;right: 0;}
.td-sum{width: 140px;height: 100%;overflow: hidden;color: #f40;font-weight: 700;margin-left: 44px;}
.td-sum em{color: #f40;font-weight: 700;}
.td-op{width: 119px;padding-left: 0px;height: 100%;}
.btn-fav{padding-bottom: 3px;color: #3c3c3c;display: block;}
.outer-con a:hover{color: red;text-decoration: underline;}
.td-op2{display: none;}

/*结算部分*/
.con-foot{width: 1190px;height: 50px;background: #e5e5e5;margin: 0 auto;margin-top: 50px;clear: both}
.con-foot>div:nth-child(2),.con-foot>div:nth-child(1){height: 50px;line-height: 50px;}
.con-foot>div:nth-child(2) a{display: inline-block;margin-left: 30px;}
.con-foot>div:nth-child(2) a:hover{color: red;text-decoration: underline;}
.arrow-box{width: 20px;height: 15px;background-position: 0px -110px;text-align: center;vertical-align: middle;margin: 0 5px;}
.con-foot-R{height: 50px;line-height: 50px;}
.con-foot-R>div:nth-child(1){margin-right: 20px;}
.con-foot-R>div:nth-child(2) span{color: #f40;}
.con-foot-R>div:nth-child(2) strong{color: #f40;font-size: 22px;font-weight: 700;padding: 0 3px;vertical-align: middle;}
.jiesuan{width: 120px;height: 50px;text-align: center;line-height: 50px;position: relative;}
.jiesuan1{font-size: 20px;color: #fff;width: 119px;height: 50px;background-color: #b0b0b0;border-radius: 2px;border-left: 1px solid #e7e7e7;cursor: not-allowed;position: absolute;top: 0;left: 0;}
.jiesuan2{position: absolute;font-size: 20px;color: #fff;width: 119px;height: 50px;background-color: #f40;border-radius: 2px;border-left: 1px solid #f40;cursor: pointer;display: none;top: 0;left: 0;}
.num1{padding: 0 5px;color: #f40;font-weight:700;font-size: 18px;vertical-align: middle;}
.num2{font-weight:700;}

/*angularJS部分*/
#box3{width: 1190px;margin: 0 auto;height: 400px;margin-top: 50px;position: relative;}
#box3-t{width: 1190px;height: 25px;line-height: 25px;}
#box3-t a{display: block;float: left;font-size: 14px;border-left: 1px solid #e8e8e8;padding-left: 13px;margin-right: 10px;font-weight: 700;}
#box3-t a:nth-child(1){border-left: none;}
#box3-t a:hover{color: #f40;font-weight: 700;}
#box3-m{width: 1190px;height: 2px;background-color: #e6e6e6;margin-top: 2px;z-index: 0;margin-bottom: 20px;}


/*尾部footer*/
#footer{width: 100%;height: 200px;position: relative;margin-top: 100px;}
.footer{width: 1190px;height: 200px;margin: 0 auto;clear: both;}
.footer-con-t{width: 1190px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}
.footer-con-t a{color: #6c6c6c;}
.footer-con-t p{line-height: 27px;margin-bottom: 8px;}
.footer-con-t p span{margin: 0 4px;font-size: 12px;color: #9c9c9c;}
.footer-con-b{width: 1190px;margin-top: 5px;}
.footer-con-b p{padding-bottom: 8px;color: #9c9c9c;}
.footer-con-b p span{margin: 0 4px;}
.footer-con-b p a{color: #6c6c6c;}
.banquan{width: 20px;height: 20px;background: url("../img/版权精灵图.jpg") 0px 0 /620px 25px no-repeat;display:inline-block;vertical-align: middle;margin-right: 5px;}
.footer a:hover{color: #f40;}











